import './header.css';
import { Layout, Menu, Avatar } from 'antd';
import { UserOutlined } from '@ant-design/icons';
import { BellFilled, UnlockFilled, CloseCircleFilled } from '@ant-design/icons';

const { Header} = Layout;

function Head(){
    return <div>
        <Layout>
            <Header className="header">
                <div className="logo">居家托养服务管理系统</div>
                <div className="rightBox">
                    <div className="headImgBox">
                        <Avatar size="large" icon={<UserOutlined />} />
                        <span>管理员</span>
                    </div>
                    <BellFilled />
                    <UnlockFilled />
                    <CloseCircleFilled />
                    <span></span>
                </div>
               
            </Header>
        </Layout>
    </div>
}

export default Head;